<!DOCTYPE html><!--  Last Published: Mon Feb 19 2024 01:36:14 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="657c661418a503e0b43c990c" data-wf-site="657c661418a503e0b43c9905">
<head>
  <meta charset="utf-8">
  <title>QI FlashCard</title>
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/shikais-stunning-site.webflow.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body">
  <div id="vue-app">
    <div data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
      <div class="container w-container">
        <a href="#" class="w-nav-brand"><img src="images/1111111111111.png" loading="lazy" width="50" sizes="50px" alt="" srcset="images/1111111111111-p-500.png 500w, images/1111111111111.png 721w" class="image"></a>
        <aside role="navigation" class="nav-menu w-nav-menu">
          <a href="index.html" aria-current="page" class="w-nav-link w--current">首页</a>
          <a href="#" class="w-nav-link">关于</a>
          <a data-w-id="a7ee818c-a542-807a-849b-83e547ef9cbf" href="loginorregistry.html" class="w-nav-link">登录</a>
        </aside>
        <div class="w-nav-button">
          <div class="w-icon-nav-menu"></div>
        </div>
      </div>
    </div>
    <section cliq-component="NavBar" class="section">
      <h1>免费的抽认卡片构建网站</h1>
      <p class="paragraph-3">免费的抽认卡构建，支持创建、更新，自定义抽人卡记忆模式、支持词云、抽认顺序拖拽，生成思维导图、导出pdf文件，支持对抽认内容进行ai总结，摘要以及缺陷分析</p>
      <a href="loginorregistry.html" class="button w-button">免费使用</a>
    </section>
    <section class="section-2">
      <div class="w-layout-blockcontainer w-container">
        <div data-delay="4000" data-animation="slide" class="w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true">
          <div class="w-slider-mask">
            <div class="w-slide"><img src="images/微信图片_20240217091215.png" loading="lazy" width="1051" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" alt="" srcset="images/微信图片_20240217091215-p-500.png 500w, images/微信图片_20240217091215-p-800.png 800w, images/微信图片_20240217091215.png 1004w"></div>
            <div class="w-slide"><img src="images/微信图片_20240217091226.png" loading="lazy" width="Auto" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" alt="" srcset="images/微信图片_20240217091226-p-500.png 500w, images/微信图片_20240217091226-p-800.png 800w, images/微信图片_20240217091226-p-1080.png 1080w, images/微信图片_20240217091226.png 1162w"></div>
          </div>
          <div class="w-slider-arrow-left">
            <div class="w-icon-slider-left"></div>
          </div>
          <div class="w-slider-arrow-right">
            <div class="w-icon-slider-right"></div>
          </div>
          <div class="w-slider-nav w-round w-num"></div>
        </div>
      </div>
    </section>
    <section class="pricing-comparison">
      <div class="container-2">
        <div class="pricing-wrapper">
          <div id="w-node-_2aef5ed7-f556-8e81-c79d-7a662538e703-b43c990c" class="pricing-card"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a28a812aad9_placeholder%202.svg" loading="lazy" alt="" class="pricing-image">
            <h2 class="pricing-title">Startup</h2>
            <div class="pricing-subtitle">Starting at</div>
            <div class="pricing-price">$599/mo</div>
            <div class="paragraph-regular margin-bottom-20">Lorem ipsum dolor</div>
            <a href="#" class="button-primary outline-button w-button">Talk to an Expert</a>
            <div class="pricing-divider"></div>
            <ul role="list" class="pricing-feature-list w-list-unstyled">
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
            </ul>
          </div>
          <div id="w-node-_2aef5ed7-f556-8e81-c79d-7a662538e723-b43c990c" class="pricing-card featured-pricing"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a867e12aade_portfolio%201%20-%20wide.svg" loading="lazy" alt="" class="pricing-image">
            <h2 class="pricing-title">Growth</h2>
            <div class="pricing-subtitle">Starting at</div>
            <div class="pricing-price">$1,499/mo</div>
            <div class="paragraph-regular margin-bottom-20">Lorem ipsum dolor</div>
            <a href="#" class="button-primary w-button">Talk to an Expert</a>
            <div class="pricing-divider"></div>
            <ul role="list" class="pricing-feature-list w-list-unstyled">
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
              <li>
                <div class="pricing-feature">Etiam sodales ac felis id interdum</div>
              </li>
            </ul>
            <div class="pricing-tag">Recommended</div>
          </div>
          <div id="w-node-_2aef5ed7-f556-8e81-c79d-7a662538e74b-b43c990c" class="pricing-card"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a55c612aae2_portfolio%202%20-%20wide.svg" loading="lazy" alt="" class="pricing-image">
            <h2 class="pricing-title">Enterprise</h2>
            <div class="pricing-subtitle">Starting at</div>
            <div class="pricing-price">$2,499/mo</div>
            <div class="paragraph-regular margin-bottom-20">Lorem ipsum dolor</div>
            <a href="#" class="button-primary outline-button w-button">Talk to an Expert</a>
            <div class="pricing-divider"></div>
            <ul role="list" class="pricing-feature-list w-list-unstyled">
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
              <li>
                <div class="pricing-feature">Lorem ipsum dolor sit amet</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <section class="footer-dark">
      <div class="container-2">
        <div class="footer-wrapper">
          <a href="#" class="footer-brand w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a332512aaee_placeholder-1.svg" loading="lazy" alt=""></a>
          <div class="footer-content">
            <div id="w-node-_9c9f0087-c825-fa16-13f9-7e2709f6110c-b43c990c" class="footer-block">
              <div class="title-small">Company</div>
              <a href="#" class="footer-link">How it works</a>
              <a href="#" class="footer-link">Pricing</a>
              <a href="#" class="footer-link">Docs</a>
            </div>
            <div id="w-node-_9c9f0087-c825-fa16-13f9-7e2709f61115-b43c990c" class="footer-block">
              <div class="title-small">Resources</div>
              <a href="#" class="footer-link">Blog post name list goes here</a>
              <a href="#" class="footer-link">Blog post name list goes here</a>
              <a href="#" class="footer-link">Blog post name list goes here</a>
              <a href="#" class="footer-link">See all resources &gt;</a>
            </div>
            <div id="w-node-_9c9f0087-c825-fa16-13f9-7e2709f61120-b43c990c" class="footer-block">
              <div class="title-small">About</div>
              <a href="#" class="footer-link">Terms &amp; Conditions</a>
              <a href="#" class="footer-link">Privacy policy</a>
              <div class="footer-social-block">
                <a href="#" class="footer-social-link w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124ac15112aad5_twitter%20small.svg" loading="lazy" alt=""></a>
                <a href="#" class="footer-social-link w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a389912aad8_linkedin%20small.svg" loading="lazy" alt=""></a>
                <a href="#" class="footer-social-link w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a51bf12aae9_facebook%20small.svg" loading="lazy" alt=""></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-divider"></div>
      <div class="footer-copyright-center">Copyright © 2021 Company name </div>
    </section>
  </div>
  <div class="w-embed w-script">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
    <!--  Vue.js组件的模板  -->
    <template id="hello-world-template">
      <div>
        <h2>Hello World from Vue.js!</h2>
        <button @click="showAlert">点击我</button>
      </div>
    </template>
    <div id="app" class="vue-root">
      <!--  Vue.js组件  -->
      <hello-world></hello-world>
    </div>
    <script>
        // Vue.js组件定义
        Vue.component('hello-world', {
            template: '#hello-world-template',
            methods: {
                showAlert() {
                    alert('Hello from Vue.js!');
                }
            }
        });
        // 实例化Vue.js应用程序
        new Vue({
            el: '#app'
        });
    </script>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=657c661418a503e0b43c9905" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>